//console.log("nihaoma")
//------------------------------用户名验证-----------------------------------------
var vaildate_list = [false , false , false];
$("#inputUsr").blur(function(){
	vaildate_list[0] = false;
	//-------------获取输入框内容---------------
	//var inputuser_ele=document.querySelector("#inputUsr")
	
	var user_value=$("#inputUsr").val();
   //编写正则
	var inputuser_reg   = /^[a-z0-9_-]{3,16}$/;
	//判断是否为纯数字
	var inputuser_fullnum   = /^\d+$/;
	//选择前一个元素lable
	var user_lable=$("#inputUsr").prev();
	//console.log(user_lable);
	//纯数字验证
	if(inputuser_fullnum.test(user_value)){
		user_lable.html("不能为纯数字")
		user_lable.attr({
			class:"error",
		})
        return false;
	}
	//验证规则
	if(inputuser_reg.test(user_value)){
		vaildate_list[0]=true;
		console.log(vaildate_list[0])
		user_lable.attr({
			class:""
		})

	}else{
		user_lable.html("支持中文、英文、数字、“-”、“_”的组合，4-20个字符")
		user_lable.attr({
			class:"block"
		})
		 // 不让用户离开这个列表;
		 //inputuser_ele.focus();
	}
})
//---------------------------------密码验证------------------------------------------------
	//console.log($("#inputPassword"))
$("#inputPassword").blur(function(e){
	var e = e || event;
	vaildate_list[1] = false;
	//获取密码框内容
	var pass_value=$("#inputPassword").val()
	//获取密码框的lable
	var pass_lable=$("#inputPassword").prev()
	// 什么是密码强度验证 : 
	// 如果只包含一类数字, 弱密码;
	// 如果包函数字字母下划线两种类型,中型密码;
	// 如果包含三种及三种以上组合的密码,为高强度密码;

	// 表示只有一个类型的密码;
	var inputpassword_strength_low = /^\d+|[a-zA-Z]+|[\!\@\#\$\^\&\(\)]+$/;
    if( inputpassword_strength_low.test(pass_value)){
		vaildate_list[1] = false;
	   pass_lable.html("密码强度弱")
	   pass_lable.attr({
		   class:"show"
	   })
	    
	}
   
   //强度中等密码
   var inputpassword_strength_middle = /^(\d+[a-z0-9]+[a-z]+|[a-z]+[a-z0-9]+\d+)/i;
   if(inputpassword_strength_middle.test(pass_value)){
		vaildate_list[1] = true;
	    pass_lable.html("密码强度中等")
		pass_lable.attr({
		class:"error"
	})
	
	// 如果在中等强度密码里面还有特殊符号则密码强度为高;
	if(/[\!\@\#\$\%\^\&\(\)]/.test(pass_value)){
		pass_lable.html("密码强度高")
		pass_lable.attr({
		class:"success"
	})
	}
   }
})
//---------------------------------密码确认--------------------------------------------------------
$("#confirmPassword").blur(function(){
	//获取输入框的内容
	var confirm_value = $("#confirmPassword").val()
	var pass_value=$("#inputPassword").val()
	vaildate_list[2] = false;
   //获取lable
   var confirm_lable= $("#confirmPassword").prev()
   //console.log(confirm_lable);
   //判断  
   if(confirm_value==pass_value){
		confirm_lable.attr({
			class:""
		})
		vaildate_list[2] = true;
   }else{
	confirm_lable.attr({
		class:"error"
	})
	confirm_lable.html("密码输入不一致")

   }
})
//console.log(vaildate_list)
//----------判断3个验证是否都满足条件，都满足则表单验证成功-------------------------------------------------


//获取注册或登录按钮绑定事件
	
$("#register").click(function(e){
	var e = e || event ;
    var sindex=null;
    //用遍历数组，如果有false马上返回item，并记录下item的下标
     //用every方法来遍历数组，如果有false。则立马返回false，终止遍历，
	var res=vaildate_list.every(function(item , index){
		 sindex = index;
		//console.log(sindex);
		return item
	})
    //判断：如果res=false，则阻止下标为sindex的item的执行，如果都为true则转到首页
	if(res === false){
		var cc=$(".form-signin").children("input")
		console.log(cc[sindex]);
		cc[sindex].focus();
		console.log(sindex,res)
	    e.preventDefault() 
	}
	
	
	//console.log(res)
})
//-------------------------------------------------------------------------------------------------
//-------------------------------------注册功能的实现-----------------------------------------------
$("#register").click(function(){
	for(var i = 0 ; i < vaildate_list.length ; i++){
		if(!vaildate_list[i])return;
	}
	var user_value=$("#inputUsr").val();
	var pass_value=$("#confirmPassword").val();
	var confirm_value = $("#confirmPassword").val()
	$.ajax("http://localhost:3000/pdd/register.php",{
		data:{
			username:user_value,
			password:pass_value
		}
	})
	.then(function(res){
		console.log(res);
		var ress=JSON.parse(res)
		if(ress.state=="error"){
		  $("#alert_tip").css({
			  display:"block"
		  })	
		  $("#alert_tip").html(ress.msg+"!!!")
			 
		}else if(ress.state==="success"){
			location.assign("./login.html");
		}
	})
})